import React from 'react'

const SelectDot = props => {
    const select = props.select
    return <div
        style={{
            width: '12px',
            height: '12px',
            border: select ? '2px solid #FFA500' : '2px solid rgba(51, 51, 51, 0.2)',
            borderRadius: '50%',
            marginRight: '12px',
            boxSizing: 'border-box',
            marginTop: '4px',
        }}
        className='flex-center-align-center'
    >
        {
            select
                ? <div
                    style={{
                        width: '6px',
                        height: '6px',
                        background: '#FFA500',
                        borderRadius: '50%',
                    }}/>
                : null
        }
    </div>
}

export default SelectDot